<template>
  <div>
    <el-row :gutter="10">
      <el-col :span="6">
        <el-card shadow="hover">
          <total-sales/>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card shadow="hover">
          <total-orders/>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card shadow="hover">
          <today-users/>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card shadow="hover">
          <total-users/>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import TotalSales from "@/components/TotalSales";
import TotalOrders from "@/components/TotalOrders";
import TodayUsers from "@/components/TodayUsers";
import TotalUsers from "@/components/TotalUsers";
export default {
  components:{TotalSales,TotalOrders,TodayUsers,TotalUsers}
};
</script>
